<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>成绩补充</title>
  <link rel="stylesheet" href="./decoration.css">
</head>

<body>
  <!-- 栏目 -->
  <div class="nav">成绩补充</div>
  <div class="major">
    <div class="courseMajor">
      <div class="title">
        尊敬的 <span class="teacherName"></span> 老师<br>
        你所需要评分的课程总共有 <span class="courseNumber"></span> 门<br>
        已完成课程评分 <span class="courseYes"></span> 门 &nbsp;&nbsp;&nbsp;未完成课程评分 <span class="courseNo"></span> 门
      </div>
      <div class="courseShow">
        <table>
          <tr>
            <th>课程号</th>
            <th>课程名称</th>
            <th>学分</th>
            <th>已评人数</th>
          </tr>
        </table>
        <table class="list">
          <!-- 数据列表 -->
        </table>
      </div>
    </div>
    <div class="courseStudents">
      <div class="tableBackground">
        <h2 class="tableBackgroundTitle">选课列表</h2>
        <table style="margin-top: 20px;">
          <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>学历</th>
            <th>绩点</th>
            <th>学分绩点</th>
          </tr>
          <!-- 数据表格 -->
          <table class="studentsList" style="margin-bottom: 60px;">

          </table>
          <!-- 表格控制栏 -->
          <div class="controlTable">
            <ul>
              <li class="first"><i class="iconfont">&#xe605;</i></li>
              <li class="last"><i class="iconfont">&#xe618;</i></li>
              &nbsp;<b>|</b>&nbsp; <input type="text" class="paged">
              共 <span class="allPage">0</span> 页 &nbsp;<b>|</b>&nbsp;
              <li class="next"><i class="iconfont">&#xe619;</i></li>
              <li class="theLast"><i class="iconfont">&#xe606;</i></li>
              <select name="paged" id="paged">
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
              </select>
            </ul>
          </div>
        </table>
      </div>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="../../../../Interceptor.js"></script>
  <script src="./operation.js"></script>
</body>

</html>